.header {
    margin-top: 10rpx;
    width: 90%;
    margin-left: 5%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 15rpx;

    .container {
        width: 90%;
        display: flex;
        flex-direction: column;

        .section {
            padding: 15rpx;
            padding-left: 20rpx;
            display: flex;
            align-items: center;
            line-height: 30rpx;
            margin: 5rpx;

            margin-left: 10rpx;

            input {
                line-height: 30rpx;
                font-size: 28rpx;
                margin: 10rpx;
                margin-left: 30rpx;
            }
        }

        .line {
            margin-left: 5%;
            width: 90%;
            height: 2rpx;
            background-color: #778899;
        }
    }

    .logo {
        width: 100rpx;
        height: 100%;
        padding: 10rpx;

        image {
            width: 80rpx;
            height: 80rpx;
        }
    }
}

.main {
    width: 90%;
    margin-left: 5%;
    margin-top: 30rpx;

    .section {
        margin-top: 20rpx;

        .title {
            width: 100%;
            display: flex;
            font-size: 35rpx;
            align-items: center;
            font-weight: 500;

            image {
                margin-left: 20rpx;
                width: 40rpx;
                height: 40rpx;
            }
        }

        .add-box {
            margin-top: 20rpx;
            width: 100%;
            white-space: nowrap;

            .add {
                margin-right: 30rpx;
                display: inline-block;
                position: relative;
                align-items: center;
                justify-content: center;
                width: 230rpx;
                height: 230rpx;
                border-radius: 30rpx;
                background-color: #FFFFFF;

                .head {
                    width: 60rpx;
                    height: 60rpx;
                    font-size: 50rpx;
                    font-weight: 700;
                    position: absolute;
                    right: 0rpx;
                    display: flex;
                    justify-content: center;
                    border-radius: 0 30rpx 0 30rpx;
                    align-items: center;
                    color: white;
                    background-color: #FED346;
                }

                .title {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 30rpx;
                }
            }
        }

        .select {
            margin-right: 30rpx;
            display: inline-block;
            position: relative;
            align-items: center;
            justify-content: center;
            width: 230rpx;
            height: 100rpx;
            border-radius: 30rpx 30rpx 0 30rpx;
            background-color: #FFFFFF;

            .head {
                width: 60rpx;
                height: 50rpx;
                font-size: 30rpx;
                font-weight: 700;
                position: absolute;
                right: 0rpx;
                display: flex;
                justify-content: center;
                border-radius: 0 30rpx 0 30rpx;
                align-items: center;
                color: white;
                background-color: #FED346;
            }

            .title {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 30rpx;
            }
        }

        .xingqu {
            width: 100%;
            white-space: nowrap;
            margin-top: 10rpx;

            .item {
                margin-right: 30rpx;
                display: inline-block;
                position: relative;
                align-items: center;
                justify-content: center;
                width: 180rpx;
                height: 180rpx;
                border-radius: 50%;
                overflow: hidden;

                image {
                    width: 100%;
                    height: 100%;
                }

                text {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    color: #FFFFFF;
                    background-color: rgba(255, 255, 255, 0.3);
                    left: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 30rpx;

                }
            }
        }

        .radio {
            margin-top: 10rpx;
            width: 100%;

            radio-group {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-around;

                .item {
                    margin-right: 15rpx;
                    width: 200rpx;
                    height: 80rpx;
                    border-radius: 30rpx 30rpx 0 30rpx;
                    background-color: #FFFFFF;
                    display: flex;
                    padding-left: 30rpx;
                    align-items: center;

                    radio {

                        .wx-radio-input {
                            border-radius: 50%;
                            width: 23rpx;
                            height: 23rpx;
                        }

                        .wx-radio-input.wx-radio-input-checked {
                            border-color: #FED346 !important;
                            background: #FED346 !important;
                        }

                        margin-right: 10rpx;

                        .text {}
                    }
                }
            }
        }
    }

    .submit {
        margin-top: 30rpx;
        width: 100%;
        padding: 40rpx;
        height: 200rpx;

        .button {
            position: relative;
            left: 300rpx;
            width: 300rpx;
            height: 90rpx;
            background-color: #FFFFFF;
            display: flex;
            align-items: center;
            padding-left: 40rpx;
            border-radius: 30rpx;
        }
    }
}

.random {
    width: 120rpx;
    height: 120rpx;
    position: fixed;
    bottom: 20rpx;
    right: 30rpx;

    image {
        width: 100%;
        height: 100%;
    }
}